<template>
    <view>
        <view class="mine_info">
            <view class="flex-s-b" style="padding: 0 80rpx">
                <view class="" >
                    <view class="flex-c" style="padding: 26rpx 0 15rpx 40rpx">
                        <text class="u-m-r-16" style="font-size: 42rpx">余额(元)</text>
                    </view>
                    <view style="color: #3d3d3d; padding: 0 0 23rpx 40rpx; text-align: center;font-size: 36rpx" class="">
                      
                    </view>
                </view>
                <view class="">
                    <view class="flex-c" style="padding: 26rpx 0 15rpx 40rpx;">
                        <text class="u-m-r-16" style="font-size: 42rpx">订单统计</text>
                    </view>
                    <view style="color: #3d3d3d; padding: 0 0 23rpx 40rpx; text-align: center;font-size: 36rpx" class="">
                      
                    </view>
                </view>
            </view>
            <view class="flex-c-c u-border-top view-1">
                <view class="flex-c-c u-border-right flex-d-c view-1-c"   @click="
                        $u.route('/pages/mine/mingxi', {
                            type: 1
                        })
                    ">
                    <text class="u-m-b-10 text-1">充值记录 ></text>
                </view>
                <view class="flex-c-c flex-d-c view-1-c"   @click="
                        $u.route('/pages/mine/mingxi', {
                            type: 0
                        })
                    ">
                    <text class="u-m-b-10 text-1">签到记录 ></text>
                </view>
            </view>
        </view>
    </view>
</template>

<script>
export default {
    name: 'm-mine-data',
    data() {
        return {};
    }
};
</script>

<style lang="scss">
.mine_info {
    width: 702rpx;
    background-size: 100% 100%;
    margin: -120rpx auto 16rpx;
    position: relative;
    border-radius: 26rpx;
    background-color: white;

    .view-1 {
        & > view {
            width: 50%;
            padding: 30rpx 0 28rpx 0;
        }

        width: 660rpx;
        left: 20rpx;
        font-size: 36rpx;
        color: #3d3d3d;
        margin: 0 auto;

        .text-1 {
            font-size: 36rpx;
            color: #9e9e9e;
        }

        .text-2 {
            font-size: 42rpx;
            color: #3d3d3d;
        }
    }
}
</style>
